html role属性取值
1. **`alert`**:表示**警告**或错误消息,通常用于引起用户的注意。
2. **`alertdialog`**:表示**警告对话框**,通常包含或多个文本信息,并且可能需要用户做出决定。
3. **`application`**:表示**Web应用程序**或文档,其内部元素不是页面其余部分的直接子项。
4. **`article`**:表示页面或文档中的独立部分,比如博客或杂志文章。
5. **`banner`**:表示**页眉区域**,通常包含站点标识、导航链接或搜索表单。
6. **`button`**:表示可点击的**按钮**。
7. **`checkbox`**:表示**复选框**控件,允许用户从一组选项中选择或多个选项。
8. **`columnheader`**:表示表格中列的标题单元格。
9. **`combobox`**:表示**组合框**控件,允许用户从下拉列表中选择值。
10. **`complementary`**:表示页面的区域,其内容是对页面其他部分内容的**补充**。
11. **`contentinfo`**:表示页面的**页脚**区域,通常包含版权信息、链接到隐私政策等。
12. **`dialog`**:表示**对话框**,通常用于从用户那里获取信息或让用户做出决定。
13. **`document`**:表示包含**文档**的页面区域,如文章、论文等。
14. **`feed`**:表示网页上的**实时内容**区域,如博客或新闻订阅。
15. **`figure`**:表示**图形、图表、照片**、代码示例等,通常作为页面内容的独立部分。
16. **`form`**:表示用于用户输入的**表单**。
17. **`grid`**:表示**网格布局**,其中子元素被组织成行和列。
18. **`gridcell`**:表示**网格中的单元格**。
19. **`heading`**:表示**标题**,用于组织或导航页面内容。
20. **`img`**:表示**图像**。
21. **`link`**:表示**超链接**。
22. **`list`**:表示**列表**。
23. **`listbox`**:表示**列表框**,允许用户从中选择或多个选项。
24. **`listitem`**:表示**列表**中的项目。
25. **`log`**:表示页面上的**实时更新区域**,如聊天室或实时评论。
26. **`main`**:表示页面的**主要内容区域**。
27. **`marquee`**:表示**滚动的文本或图片区域**。
28. **`math`**:表示**数学表达式**。
29. **`menu`**:表示**菜单**,可以包含一组链接、命令或选项。
30. **`menubar`**:表示一组**菜单栏**,每个菜单项可以包含一组子菜单项。
31. **`menuitem`**:表示**菜单中的选项**。
32. **`menuitemcheckbox`**:表示**带有复选框的菜单项**。
33. **`menuitemradio`**:表示**带有单选按钮的菜单项**。
34. **`navigation`**:表示页面上的**导航区域**,通常包含链接到页面内其他部分或网站的其他部分的链接。
35. **`none`**:表示**没有角色**,用于移除之前设置的任何隐式或显式角色。
36. **`note`**:表示**注释**或辅助信息,通常与主要内容分开显示。
37. **`option`**:表示下拉菜单中的**选项**。
38. **`presentation`**:表示元素被呈现给用户,但**不包含对用户有意义的信息**,通常用于改善布局或样式。
39. **`progressbar`**:表示**进度条**,用于显示任务的进度。
40. **`radio`**:表示**单选按钮**控件,允许用户从一组选项中选择选项。
41. **`radiogroup`**:表示一组**单选按钮**。
42. **`region`**:表示页面上的**区域**,通常用于分组相关的内容或功能。
43. **`row`**:表示表格中的一行。
44. **`rowgroup`**:表示表格中的一组行,通常用于对表格进行分组。
45. **`rowheader`**:表示**表格中行的标题单元格**,通常用于描述该行数据的含义。
46. **`search`**:表示**搜索**工具,如搜索框或搜索界面。
47. **`searchbox`**:表示**搜索框**,用户可以在其中输入搜索查询。
48. **`separator`**:表示元素用作**分隔符**,如列表中的分隔项。
49. **`slider`**:表示**滑块**控件,允许用户通过滑动来选择或设置值。
50. **`spinbutton`**:表示**旋转按钮**(数字输入)控件,允许用户通过点击箭头来增加或减少值。
51. **`status`**:表示表示**状态**的元素,如实时更新的信息或通知。
52. **`switch`**:表示**开关**控件,允许用户在两个状态之间切换,如开/关。
53. **`tab`**:表示**一个标签页**,在标签页界面中,用户可以在多个页面或视图之间切换。
54. **`tablist`**:表示**一组标签页**,通常包含多个 `tab` 角色元素。
55. **`tabpanel`**:表示与 `tab` 角色相关联的**标签页面板**,当用户选择相应的 `tab` 时,`tabpanel` 会显示相应的内容。
56. **`textbox`**:表示**文本框**,用户可以在其中输入文本。
57. **`timer`**:表示**显示时间流逝的元素**,如倒计时或时钟。
58. **`tooltip`**:表示当鼠标悬停在元素上时显示的**提示信息**。